<%--
  Created by IntelliJ IDEA.
  User: 路♥克
  Date: 2017/12/5
  Time: 2:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="${pageContext.request.contextPath}/webuser/"/>
    <meta charset="UTF-8">
    <title>Document</title>
    <jsp:include page="elments_views/js.jsp"/>
    <link rel="stylesheet" type="text/css" href="frame/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="frame/bootstrap/css/button.css">
    <!-- 	<link rel="stylesheet" type="text/css" href="frame/bootstrap/css/bootstrap-theme.min.css"> -->
    <link rel="stylesheet" type="text/css" href="frame/css/layout.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script type="text/javascript" src="frame/myfocus/js/myfocus-2.0.1.min.js"></script>
    <style type="text/css">
        .filter{margin: 10px 0;}
        .filter-top-border{border-top:1px solid #ddd;padding-top: 10px;}
        .filter-header{font-size: 20px;border-left: 5px solid #f87b00;padding-left: 10px;}
        .filter-title{font-weight: bold;}
        .filter-label{color: #666}
        .filter-label>a{color: #333;display: inline-block;height: 20px;line-height: 20px;padding: 0 10px;}
        .filter-label>a:hover{color: #fff;background: #f87b00;text-decoration: none;}
        .filter-label>a:active{text-decoration: none;}
        .filter-input{display: inline-block;}
        .filter-input>input{width: 40px;height:20px;display: inline-block;margin: 0 5px;}
        .filter-input>input[type=submit]{border:none;color: #fff;background: #f87b00;line-height: 20px;}
    </style>
</head>
<body>
<jsp:include page="elments_views/header.jsp"/>
<div class="container" style="margin-top: 120px;background:#fff">
    <div class="row filter">
        <div class="col-md-12">
            <span class="filter-header">按条件选车</span>
        </div>
    </div>
    <div class="row filter">
        <div class="col-md-1">
            <span class="filter-title">价格：</span>
        </div>
        <div class="col-md-11 filter-label">
            <a href="javascrip:;">不限</a>
            <a href="javascrip:;">8万以内</a>
            <a href="javascrip:;">8-12万</a>
            <form action="" class="filter-input">
                <input type="text">万-<input type="text">万
                <input type="submit" value="确定">
            </form>
        </div>
    </div>
    <div class="row filter">
        <div class="col-md-1">
            <span class="filter-title">品牌：</span>
        </div>
        <div class="col-md-11 filter-label filter-top-border">
            <a href="javascript:;">不限</a>
            <a href="javascript:;">热门</a>
            <a href="javascript:;">A</a>
            <a href="javascript:;">B</a>
            <a href="javascript:;">C</a>
            <a href="javascript:;">D</a>
            <a href="javascript:;">F</a>
            <a href="javascript:;">G</a>
            <a href="javascript:;">H</a>
            <a href="javascript:;">J</a>
            <a href="javascript:;">K</a>
            <a href="javascript:;">L</a>
            <a href="javascript:;">M</a>
            <a href="javascript:;">N</a>
            <a href="javascript:;">O</a>
            <a href="javascript:;">Q</a>
            <a href="javascript:;">R</a>
            <a href="javascript:;">S</a>
            <a href="javascript:;">T</a>
            <a href="javascript:;">W</a>
            <a href="javascript:;">X</a>
            <a href="javascript:;">Y</a>
            <a href="javascript:;">Z</a>
        </div>
    </div>
    <div class="row filter">
        <div class="col-md-offset-1 col-md-11 filter-label filter-top-border">
            <a href="javascrip:;">不限</a>
            <a href="javascript:;">奥迪</a>
            <a href="javascript:;">大众</a>
            <a href="javascript:;">宝马</a>
            <a href="javascript:;">别克</a>
            <a href="javascript:;">奔驰</a>
            <a href="javascript:;">丰田</a>
            <a href="javascript:;">上汽大通</a>
            <a href="javascript:;">现代</a>
            <a href="javascript:;">斯柯达起亚</a>
        </div>
    </div>

    <div class="container mt-25">
        <div class="row">
            <div class="col-md-9 pd-0">
                <div class="row">
                    <div class="col-md-12">
                        <div style="border-bottom:  2px solid #ff8310;">
                            <h3>优质推荐
                                <a href="#" class="pro-more">浏览更多</a>
                            </h3>
                        </div>

                    </div>
                </div>
                <div class="row mt-20">

                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">

                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>
                                <p class="news-info textline-2">大众凌渡2017款230TSI大众凌渡2017款230TSIDSG风尚型DSG风尚型</p>
                                <p>
                    <span class="news-info">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价:
                      <span class="now-price">150万元</span>
                    </span>
                                </p>

                                <p class="text-center">
                                    <a href="#" style="width: 100%" class="button  button-highlight button" role="button">立即购买</a>
                                </p>


                            </div>
                        </div>
                    </div>


                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">

                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>
                                <p class="news-info textline-2">大众凌渡2017款230TSI大众凌渡2017款230TSIDSG风尚型DSG风尚型</p>
                                <p>
                    <span class="news-info">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价:
                      <span class="now-price">150万元</span>
                    </span>
                                </p>

                                <p class="text-center">
                                    <a href="#" style="width: 100%" class="button  button-highlight button" role="button">立即购买</a>
                                </p>


                            </div>
                        </div>
                    </div>


                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">

                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>
                                <p class="news-info textline-2">大众凌渡2017款230TSI大众凌渡2017款230TSIDSG风尚型DSG风尚型</p>
                                <p>
                    <span class="news-info">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价:
                      <span class="now-price">150万元</span>
                    </span>
                                </p>

                                <p class="text-center">
                                    <a href="#" style="width: 100%" class="button  button-highlight button" role="button">立即购买</a>
                                </p>


                            </div>
                        </div>
                    </div>




                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div style="border-bottom:  2px solid #ff8310;">
                            <h3>车装车饰
                                <a href="#" class="pro-more">浏览更多</a>
                            </h3>
                        </div>

                    </div>
                </div>
                <div class="row mt-20">
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">

                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>
                                <p class="news-info textline-2">大众凌渡2017款230TSI大众凌渡2017款230TSIDSG风尚型DSG风尚型</p>
                                <p>
                    <span class="news-info">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价:
                      <span class="now-price">150万元</span>
                    </span>
                                </p>

                                <p class="text-center">
                                    <a href="#" style="width: 100%" class="button  button-highlight button" role="button">立即购买</a>
                                </p>


                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">

                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>
                                <p class="news-info textline-2">大众凌渡2017款230TSI大众凌渡2017款230TSIDSG风尚型DSG风尚型</p>
                                <p>
                    <span class="news-info">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价:
                      <span class="now-price">150万元</span>
                    </span>
                                </p>

                                <p class="text-center">
                                    <a href="#" style="width: 100%" class="button  button-highlight button" role="button">立即购买</a>
                                </p>


                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">

                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>
                                <p class="news-info textline-2">大众凌渡2017款230TSI大众凌渡2017款230TSIDSG风尚型DSG风尚型</p>
                                <p>
                    <span class="news-info">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价:
                      <span class="now-price">150万元</span>
                    </span>
                                </p>

                                <p class="text-center">
                                    <a href="#" style="width: 100%" class="button  button-highlight button" role="button">立即购买</a>
                                </p>


                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">

                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>
                                <p class="news-info textline-2">大众凌渡2017款230TSI大众凌渡2017款230TSIDSG风尚型DSG风尚型</p>
                                <p>
                    <span class="news-info">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价:
                      <span class="now-price">150万元</span>
                    </span>
                                </p>

                                <p class="text-center">
                                    <a href="#" style="width: 100%" class="button  button-highlight button" role="button">立即购买</a>
                                </p>


                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">

                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>
                                <p class="news-info textline-2">大众凌渡2017款230TSI大众凌渡2017款230TSIDSG风尚型DSG风尚型</p>
                                <p>
                    <span class="news-info">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价:
                      <span class="now-price">150万元</span>
                    </span>
                                </p>

                                <p class="text-center">
                                    <a href="#" style="width: 100%" class="button  button-highlight button" role="button">立即购买</a>
                                </p>


                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">

                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>
                                <p class="news-info textline-2">大众凌渡2017款230TSI大众凌渡2017款230TSIDSG风尚型DSG风尚型</p>
                                <p>
                    <span class="news-info">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价:
                      <span class="now-price">150万元</span>
                    </span>
                                </p>

                                <p class="text-center">
                                    <a href="#" style="width: 100%" class="button  button-highlight button" role="button">立即购买</a>
                                </p>


                            </div>
                        </div>
                    </div>

                </div>
                <nav aria-label="Page navigation" style="text-align:center">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>

            </div>

            <!-- 右边模块 -->
            <div class="col-md-3">
                <div class="row">
                    <div class="col-md-12">
                        <div style="border-bottom:  2px solid #ff8310;">
                            <h3>特卖商品</h3>
                        </div>

                    </div>
                </div>
                <div class="row mt-20">


                    <div class="col-sm-12 col-md-12">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">

                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>

                                <p>
                    <span style="color: #cfcfcf">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价
                      <span class="now-price">150万元</span>
                    </span>
                                </p>

                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-12">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">

                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>

                                <p>
                    <span style="color: #cfcfcf">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价
                      <span class="now-price">150万元</span>
                    </span>
                                </p>

                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-12">
                        <div class="thumbnail">
                            <img src="images/4.jpg" alt="...">
                            <div class="caption">
                                <p class="goods-title">大众凌渡 2017款 230TSI DSG风尚型</p>
                                <p>
                    <span style="color: #cfcfcf">市场价:
                      <s>15万元</s>
                    </span>
                                    <span class="fr">现价
                      <span class="now-price">150万元</span>
                    </span>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="elments_views/footer.jsp"/>
</body>
</html>
